<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
	<meta charset="UTF-8">
	<title>文档标题</title>
	<!-- 开启响应式 -->
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />
	
	<!-- SEO页面关键词 -->
	<meta name="keywords" content="your keywords" />
	
	<!-- SEO页面描述 -->
	<meta name="description" content="your description" />
	<link rel="stylesheet" href="css/slider.css">
	
</head>
<body>
	<div class="m-banner" id="topBanner">
	    <ul class="pics" style="width: 6745px; margin-left: 0px;">
	        <li data-src="http://image.37wan.cn/upload/image/20171020/1508486992885422.jpg" style=" background-image: url(images/11508486992885422.jpg);"><a href="http://37.com.cn/yhjy/?n=1008&amp;form=pckv" target="_blank"></a></li>
	        <li data-src="http://image.37wan.cn/upload/image/20170927/1506481087561797.jpg" style=" background-image: url(images/21506481087561797.jpg);"><a href="http://37.com.cn/awlzw/?n=13_1013" target="_blank"></a></li>
	        <li data-src="http://image.37wan.cn/upload/image/20171201/1512125150298280.jpg" style=" background-image: url(images/31510732360782891.jpg);"><a href="http://bbs.37.com.cn/forum.php?mod=viewthread&amp;forumid=458&amp;tid=492487&amp;extra=page%3D1" target="_blank"></a></li>
	        <li data-src="http://image.37wan.cn/upload/image/20171115/1510732360782891.jpg" style=" background-image: url(images/31512125150298280.jpg);"><a href="http://bbs.37.com.cn/forum.php?mod=viewthread&amp;tid=473879&amp;fromuid=102275" target="_blank"></a></li>
	        <li data-src="http://image.37wan.cn/upload/image/20171003/1506998185187851.jpg" style=" background-image: url(images/41506998185187851.jpg);"><a href="http://37.com.cn/mu/?n=13_1013" target="_blank"></a></li>
	    </ul>
	    <ul class="navs" style="margin-left: -55px;">
	        <li><a href="#" class="" data-index="0">.</a></li>
	        <li><a href="#" data-index="1" class="">.</a></li>
	        <li><a href="#" data-index="2" class="">.</a></li>
	        <li><a href="#" data-index="3" class="active">.</a></li>
	        <li><a href="#" data-index="4" class="">.</a></li>
	    </ul>
	</div>
	<script src="js/slider.js"></script>
	<script>


!function reSlide(){
	var pics = document.getElementsByClassName("pics")[0];
	var picsChild = pics.children;
	window.onresize = function(){
	 	for(var i=0,item; item=picsChild[i++]; ){
			item.style["width"] = pics.parentElement.clientWidth + "px";
		}
	 }
	pics.style["margin-left"] = 0;
}();
setTimeout(function(){
		pics.style["margin-left"] = -pics.parentElement.clientWidth + "px";
		pics.appendChild(picsChild[0]);
		reSlide();
	},2000);
setTimeout(function(){
	reSlide();
},2000);
	</script>
</body>
</html>